<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>watch</title>
</head>
<body>
	<div id="app">
		<input type="text" v-model="message">
	</div>
</body>
</html>
<script src="../2.1.8/vue.js"></script>
<script>

/**************************************************************************
	watch ： 数据监控，只要数据发生改变，便会触发回调函数( 潜监控 )
	list : 被监控的数据
	watch : {
		list : function(){}
	}
	watch : {
		list : {
			handler : function(){},
			deep : true
		}
	}
**************************************************************************/
	
	let vm = new Vue({
		el : '#app',
		data : {
			message : ''
		},
		// 浅监控
		watch : {
			message : function(){
				console.log( this.message );
			}
		},
		// 深监控
		// watch : {
		// 	list : {
		// 		handler : function(){

		// 		}
		// 	},
		// 	deep : true
		// }
	});
</script>